@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
	font-size: 15px;
}
main{
	width: 100%;
	height: 6950px;
	b order: 1px solid red;
}
/* 面包屑导航切片 */
nav{
	width: 100%;
	height: 100px;
	b order: 1px solid red;
}
/* 2.面包屑导航的中控区：居中 */
div#nav_wrapper{
	width: 1540px;
	height: 100px;
	b ackground-color: #00ff00;
	margin: 0 auto;
	overflow: hidden;
}
/* 3.左侧区域 */
div#nav_wrapper div.nav_left{
	width: 1010px;
	height: 100px;
	line-height: 100px;
	b ackground-color: #ffff00;
	float: left;
}
/* 3.1网页中控区：小米logo、img */
div#nav_wrapper div.nav_left img{
	height: 72px;
	margin-top: 14px;
	float: left;
	margin-right: 20px;
}
/* 3.2左侧部分 li：导航数据:布局：浮动、设置高度 */
div#nav_wrapper div.nav_left ul li{
	float: left;
	height: 72px;
}
div#nav_wrapper div.nav_left ul li a{
	b order: 1px solid red;
	line-height: 72px;
	padding: 0 14px;
	color: #333;
}
/* 4.右侧区域 */
div#nav_wrapper div.nav_right{
	width: 442px;
	height: 100px;
	b ackground-color: #ffaa00;
	float: right;
}
/* 4.1右侧区域：边框设宽高 */
div#nav_wrapper div.nav_right div.kuang{
	width: 370px;
	height: 62px;
	border: 1px solid #ccc;
	margin-top: 20px;
	margin-left: 70px;
}
div#nav_wrapper div.nav_right div.kuang div.kuang2{
	width: 305px;
	height: 62px;
	b order: 1px solid red;
	padding-left: 120px;
}
/* 右侧区域：span文字 垂直居中、左右空间、背景颜色、字体大小 */
div#nav_wrapper div.nav_right div.kuang div.kuang2 span{
	width: 84px;
	line-height: 62px;
	background-color: #eee;
	padding: 0 10px;
	margin-top: 15px;
	color: #6d6d6d;
	font-size: 15px;
}
/* 右侧区域：i精灵图 搜索图标 */
div#nav_wrapper div.nav_right div.kuang i.search{
	width: 68px;
	height: 62px;
	border-left: 1px solid #eee;
	float: right;
	background: url(../img/search.png) no-repeat;
	position: relative;
	background-position: center;
}
/* 悬停效果：背景变颜色 文字变颜色 */
div#nav_wrapper div.nav_right div.kuang div.kuang2 span:hover{
	background-color: #ff6700;
	color: #fff;
}
/* 左侧添加悬停效果 文字变白色 */
div#nav_wrapper div.nav_left ul li a:hover{
	color: #ff6700;
}
/* 左栏和轮播图区 */
section{
	width: 1543px;
	height: 600px;
	ba ckground-color: #aaffff;
	margin: 0 auto;
}
/* 左栏框：article元素 */
article{
	width: 297px;
	height: 600px;
	background-color: #949494;
	float: left;
}
/* 左栏效果 列表项：颜色、垂直居中、相对定位【勾点位】 */
article ul.sidebar li{
	b order: 1px solid red;
	color: #fff;
	height: 56px;
	line-height: 56px;
	text-align: center;
	position: relative;/* 勾点位 */
}
/* 左栏上下空间留白 */
article ul.sidebar li.phone{
	b order: 1px solid red;
	margin-top: 18px;
}
/* 鼠标移动左栏，产品区：悬停效果 背景颜色 */
article ul.sidebar li:hover{
	background-color: #ff5500;
}
/* 左栏弹出：使用绝对定位【钩子】 */
article ul.sidebar div.outer{
	position: absolute;
	width: 770px;
	height: 60px;
	border: 1px solid red;
	left: 297px;
	/* Jquery切换：显示与隐藏 */
	display: block;
	/* 堆叠属性 */
	z-index: 999;
}
/* 伪类选择器 右侧 > */
article ul.sidebar li:after{
	content: ">";
	position: absolute;
	color: #fff;
	font-size: 16px;
	right: 36px;
}
/* 轮播图 */
figure{
	width: 1243px;
	height: 600px;
	background-color: #ffaa7f;
	float: left;
}
/* 产品活动图 */
/* 1.设置切片：外侧空间 */
section#event_section{
	width: 100%;
	height: 290px;
	bo rder: 1px solid red;
}
/* 2.打补丁：上背景颜色 */
div#event_wrapper{
	width: 1543px;
	height: 290px;
	ba ckground-color: #00ff7f;
	margin: 0 auto;
}
/* 3.  4张图 浮动 li */
div#event_wrapper ul li{
	float: left;
	margin-top: 18px;
	margin-left: 18px;
}
/* 4.1抓到每张图片，统一设置宽高 */
div#event_wrapper ul li img{
	width: 372px;
	height: 268px;
	b order: 1px solid red;
	cursor: pointer;
}
/* 5.第一张图片：宽、拿下左外边距 伪类选择器：first-child 抓取第一个元素
			                             last-child 抓取最后一个元素
注意：直接追加li上
			 */
div#event_wrapper ul li:first-child{
	margin-left: 0;
}
/* 6.所有图片设置下阴影 */
div#event_wrapper ul li img:hover{
	filter: drop-shadow(0 0 8px #333);
}
/* 产品展示区：小米明星单品 */
section#star_products{
	width: 100%;
	height: 595px;
	bo rder: 1px solid red;
}
/* 小米明星单品：中控区 */
div#star_wrapper{
	width: 1543px;
	height: 540px;
	ba ckground-color: #ffff00;
	margin: 0 auto;
}
/* 标题小米明星单品 颜色 距离*/
div#star_wrapper span{
	b order: 1px solid red;
	color: #000;
	float: left;
	font-size: 23px;
	margin-top: 20px;
}
/* 小米明星单品右侧箭头 */
div#star_wrapper ul li{
	width: 50px;
	height: 43px;
	border: 1px solid #ccc;
	float: right;
	margin-top: 20px;
	font-size: 23px;
	text-align: center;
	line-height: 43px;
}
/* 右侧箭头添加效果 背景颜色*/
div#star_wrapper ul li:hover{
	background-color: #666;
}
/* 五个商品区 */
/* 加浮动 */
section#star_products div#star_wrapper dl{
	float: left;
}
div#star_wrapper dl.one{
	width: 294px;
	height: 424px;
	background-color: #fafafa;
	border-top: 1px solid #ffac13;
	margin-top: 70px;
	margin-left: -138px;
}
div#star_wrapper dl.one dt{
	text-align: center;
	margin-top: 70px;
	margin-left: 20px;
}
div#star_wrapper dl.one dd.text1{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #474747;
	font-size: 18px;
	margin-left: 40px;
	text-align: center;
	margin-top: 60px;
	cursor: text;
}
div#star_wrapper dl.one dd.text2{
	width: 280px;
	height: 22px;
	bo rder: 1px solid red;
	margin-top: 20px;
	line-height: 22px;
	color: #b3b3b3;
	font-size: 18px;
	margin-left: 10px;
	text-align: center;
	cursor: text;
}
div#star_wrapper dl.one dd.text3{
	width: 280px;
	height: 22px;
	b order: 1px solid red;
	margin-top: 20px;
	line-height: 22px;
	color: #ef7408;
	font-size: 18px;
	text-align: center;
	cursor: text;
}
/* 第二个 */
div#star_wrapper dl.two{
	width: 294px;
	height: 424px;
	border-top:  1px solid #83c44e;
	margin-top: 70px;
	background-color: #fafafa;
	margin-left: 18px;
}
div#star_wrapper dl.two dt{
	text-align: center;
	margin-top: 70px;
}
div#star_wrapper dl.two dd.two_text1{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #474747;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 25px;
	cursor: text;
}
div#star_wrapper dl.two dd.two_text2{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #b3b3b3;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
div#star_wrapper dl.two dd.two_text3{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #ef7408;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
div#star_wrapper dl.three{
	width: 294px;
	height: 424px;
	margin-top: 70px;
	background-color: #fafafa;
	margin-left: 18px;
	border-top: 1px solid #2196f3;
}
div#star_wrapper dl.three dt{
	text-align: center;
	margin-top: 100px;
}
div#star_wrapper dl.three dd.three_text1{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #474747;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 95px;
	cursor: text;
}
div#star_wrapper dl.three dd.three_text2{
	width: 280px;
	height: 22px;
	b order: 1px solid red;
	line-height: 22px;
	color: #b3b3b3;
	font-size: 18px;
	margin-left: 10px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
div#star_wrapper dl.three dd.three_text3{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #ef7408;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
div#star_wrapper dl.four{
	width: 294px;
	height: 424px;
	bo rder: 1px solid red;
	margin-top: 70px;
	background-color: #fafafa;
	margin-left: 18px;
	border-top: 1px solid #e53935;
}
div#star_wrapper dl.four dt{
	text-align: center;
	margin-top: 75px;
}
div#star_wrapper dl.four dd.four_text1{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #474747;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
div#star_wrapper dl.four dd.four_text2{
	width: 280px;
	height: 22px;
	b order: 1px solid red;
	line-height: 22px;
	color: #b3b3b3;
	font-size: 18px;
	margin-left: 10px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
div#star_wrapper dl.four dd.four_text3{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #ef7408;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
div#star_wrapper dl.five{
	width: 294px;
	height: 424px;
	margin-top: 5px;
	background-color: #fafafa;
	margin-left: 18px;
	border-top: 1px solid #00c0a5;
}
div#star_wrapper dl.five dt{
	text-align: center;
	margin-top: 60px;
}
div#star_wrapper dl.five dd.five_text1{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #474747;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 40px;
	cursor: text;
}
div#star_wrapper dl.five dd.five_text2{
	width: 280px;
	height: 22px;
	b order: 1px solid red;
	line-height: 22px;
	color: #b3b3b3;
	font-size: 18px;
	margin-left: 10px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
div#star_wrapper dl.five dd.five_text3{
	width: 229px;
	height: 22px;
	bo rder: 1px solid red;
	line-height: 22px;
	color: #ef7408;
	font-size: 18px;
	margin-left: 20px;
	text-align: center;
	margin-top: 20px;
	cursor: text;
}
/* 智能硬件中控区：居中*/
section#smart{
	width: 100%;
	height: 900px;
	background-color: #f5f5f5;
}
section#smart div#smart_wrapper{
	width: 1543px;
	height: 900px;
	margin: 0 auto;
	background-color: #f5f5f5;
}
/* 设置智能硬件文字 ：大小、颜色*/
div#smart_wrapper span{
	b order: 1px solid red;
	font-size: 25px;
	color: #000;
	float: left;
	cursor: text;
}
/* 设置查看全部文字：大小、颜色、位置 */
div#smart_wrapper ul.smart_title li.smart_text{
	b order: 1px solid red;
	font-size: 25px;
	text-align: center;
	color: #000;
	margin-right: 12px;
	float: right;
	cursor: pointer;
}
/* 智能硬件右边箭头 */
div#smart_wrapper ul li.arrow img{
	float: right;
	bo rder: 1px solid red;
	margin-right: 5px;
	margin-top: 12px;
}
div#smart_wrapper ul.smart_one{
	position: relative;
}
/* 小男孩图片 */
div#smart_wrapper ul.smart_one li.boy img{
	width: 298px;
	height: 767px;
	b order: 1px solid red;
	float: left;
	position: absolute;
	margin-top: 53px;
	text-align: center;
	margin-left: -101px;
}
/* 米兔儿童电话手表文字设置 */
div#smart_wrapper ul.smart_one li.smart_text1{
	width: 229px;
	height: 22px;
	b order: 1px solid red;
	line-height: 22px;
	color: #000;
	font-size: 25px;
	position: absolute;
	margin-left: 40px;
	text-align: center;
	margin-top: 122px;
	cursor: text;
}
/* 文字二 */
div#smart_wrapper ul.smart_one li.smart_text2{
	width: 280px;
	height: 22px;
	b order: 1px solid red;
	margin-top: 170px;
	line-height: 22px;
	color: #333;
	font-size: 20px;
	position: absolute;
	margin-left: 10px;
	text-align: center;
	cursor: text;
}
/* 小男孩图片  299元 */
div#smart_wrapper ul.smart_one li.smart_text3{
	width: 296px;
	height: 30px;
	bo rder: 1px solid red;
	line-height: 22px;
	position: absolute;
	margin-top: 240px;
	text-align: center;
	cursor: text;
	font-size: 33px;
	color: #2ec4fd
}
/* 智能硬件八个小区域：浮动 */
div#smart_wrapper dl{
	b order: 1px solid red;
	float: left;
}
/* 第一个体重秤：边框、背景颜色、间距 */
div#smart_wrapper dl.smart_two{
	width: 296px;
	height: 375px;
	b order: 1px solid red;
	margin-top: 52px;
	margin-left: 210px;
	background-color: #fff;
}
div#smart_wrapper dl.smart_two dt{
	text-align: center;
	margin-top: 100px;
}
/* 体重秤： 设置文字 ：大小、颜色 、位置  */
div#smart_wrapper dl.smart_two dd.two_text1{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #474747;
	font-size: 18px;
	margin-top: 60px;
}
div#smart_wrapper dl.smart_two dd.two_text2{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #b3b3b3;
	font-size: 16px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_two dd.two_text3{
	b order: 1px solid red;
	width: 296px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ef7408;
	margin-top: 20px;
	font-size: 16px;
}
/* 小米路由器设置 */
div#smart_wrapper dl.smart_three{
	width: 296px;
	height: 375px;
	b order: 1px solid red;
	margin-top: 52px;
	margin-left: 16px;
	background-color: #fff;
}
div#smart_wrapper dl.smart_three dt{
	text-align: center;
	margin-top: 40px;
}
div#smart_wrapper dl.smart_three dd.three_text1{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #474747;
	font-size: 18px;
}
div#smart_wrapper dl.smart_three dd.three_text2{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #b3b3b3;
	font-size: 16px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_three dd.three_text3{
	b order: 1px solid red;
	width: 296px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ef7408;
	margin-top: 20px;
	font-size: 16px;
}
/* 小米手环 */
div#smart_wrapper dl.smart_four{
	width: 296px;
	height: 375px;
	b order: 1px solid red;
	margin-top: 52px;
	margin-left: 16px;
	background-color: #fff;
}
div#smart_wrapper dl.smart_four dt{
	text-align: center;
	margin-top: 40px;
}
div#smart_wrapper dl.smart_four dd.four_text1{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #474747;
	font-size: 18px;
}
div#smart_wrapper dl.smart_four dd.four_text2{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #b3b3b3;
	font-size: 16px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_four dd.four_text3{
	b order: 1px solid red;
	width: 296px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ef7408;
	margin-top: 20px;
	font-size: 16px;
}
/* 小米智能安防套装 */
div#smart_wrapper dl.smart_five{
	width: 296px;
	height: 375px;
	b order: 1px solid red;
	margin-top: 18px;
	margin-left: 16px;
	background-color: #fff;
}
div#smart_wrapper dl.smart_five dt{
	text-align: center;
	margin-top: 40px;
}
div#smart_wrapper dl.smart_five dd.five_text1{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #474747;
	font-size: 18px;
}
div#smart_wrapper dl.smart_five dd.five_text2{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #b3b3b3;
	font-size: 16px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_five dd.five_text3{
	b order: 1px solid red;
	width: 296px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ef7408;
	margin-top: 20px;
	font-size: 16px;
}
/* 小米运动相机 */
div#smart_wrapper dl.smart_six{
	width: 296px;
	height: 375px;
	b order: 1px solid red;
	margin-top: 18px;
	margin-left: 312px;
	background-color: #fff;
}
div#smart_wrapper dl.smart_six dt{
	text-align: center;
	margin-top: 40px;
}
div#smart_wrapper dl.smart_six dd.six_text1{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #474747;
	font-size: 18px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_six dd.six_text2{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #b3b3b3;
	font-size: 16px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_six dd.six_text3{
	b order: 1px solid red;
	width: 296px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ef7408;
	margin-top: 20px;
	font-size: 16px;
}
/* 智能血压计 */
div#smart_wrapper dl.smart_seven{
	width: 296px;
	height: 375px;
	b order: 1px solid red;
	margin-top: 18px;
	margin-left: 16px;
	background-color: #fff;
}
div#smart_wrapper dl.smart_seven dt{
	text-align: center;
	margin-top: 40px;
}
div#smart_wrapper dl.smart_seven dd.seven_text1{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #474747;
	font-size: 18px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_seven dd.seven_text2{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #b3b3b3;
	font-size: 16px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_seven dd.seven_text3{
	b order: 1px solid red;
	width: 296px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ef7408;
	margin-top: 20px;
	font-size: 16px;
}
/* 智能摄像机 */
div#smart_wrapper dl.smart_eight{
	width: 296px;
	height: 375px;
	b order: 1px solid red;
	margin-top: 18px;
	margin-left: 16px;
	background-color: #fff;
}
div#smart_wrapper dl.smart_eight dt{
	text-align: center;
	margin-top: 40px;
}
div#smart_wrapper dl.smart_eight dd.eight_text1{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #474747;
	font-size: 18px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_eight dd.eight_text2{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #b3b3b3;
	font-size: 16px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_eight dd.eight_text3{
	b order: 1px solid red;
	width: 296px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ef7408;
	margin-top: 20px;
	font-size: 16px;
}
/* 床头灯 */
div#smart_wrapper dl.smart_nine{
	width: 296px;
	height: 375px;
	b order: 1px solid red;
	margin-top: 18px;
	margin-left: 14px;
	background-color: #fff;
}
div#smart_wrapper dl.smart_nine dt{
	text-align: center;
	margin-top: 40px;
}
div#smart_wrapper dl.smart_nine dd.nine_text1{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #474747;
	font-size: 18px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_nine dd.nine_text2{
	b order: 1px solid red;
	width: 296px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #b3b3b3;
	font-size: 16px;
	margin-top: 20px;
}
div#smart_wrapper dl.smart_nine dd.nine_text3{
	b order: 1px solid red;
	width: 296px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ef7408;
	margin-top: 20px;
	font-size: 16px;
}
/* 所有的dl图片加阴影 、*/
section#smart_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
	transition: .6s;
}
/* 搭配  中控区:居中 */
section#dress{
	width: 100%;
	height: 875px;
	background-color: #f5f5f5;
}
section#dress_wrapper{
	width: 1543px;
	height: 875px;
	background-color: #f5f5f5;
	margin: 0 auto;
}
/* span文字：搭配  边框、颜色、大小、浮动、与顶部距离*/
section#dress_wrapper span{
	b order: 1px solid red;
	color: #000;
	font-size: 25px;
	float: left;
}
/* 搭配右侧文字设置：浮动、大小、位置、颜色 */
section#dress_wrapper ul li{
	float: right;
	height: 25px;
	b order: 1px solid red;
	color: #000;
	font-size: 22px;
}
/* 右侧部分字体设置 */
section#dress_wrapper ul li a{
	b order: 1px solid red;
	line-height: 25px;
	margin-left: 10px;
}
/* 右侧字体添加悬停效果：变颜色、加下划线 */
section#dress_wrapper ul li:hover{
	color: #fe673f;
	text-decoration: underline;
}
/* 下面11个图片：9个一样的，2个小的 */
/* 第一张图片：浮动、宽高、位置 */
section#dress_wrapper dl.dress_one dt img{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 55px;
	margin-left: -50px;
}
/* 第二张图设置：背景颜色、图片位置、浮动、文字颜色、外边框顶部距离 */
section#dress_wrapper dl.dress_two{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 55px;
	margin-left: 20px;
	background-color: #fff;
}
section#dress_wrapper dl.dress_two dt img{
	margin-top: 50px;
}
section#dress_wrapper dl.dress_two dd.dress_two_t1{
	width: 292px;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
}
section#dress_wrapper dl.dress_two dd.dress_two_t2{
	width: 292px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
section#dress_wrapper dl.dress_two dd.dress_two_t3{
	width: 292px;
	text-align: center;
	color: #ff6709;
	margin-top: 20px;
}
/* 第三张图设置：背景颜色、图片位置、浮动、文字颜色、外边框顶部距离*/
section#dress_wrapper dl.dress_three{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 55px;
	margin-left: 20px;
	background-color: #fff;
}
section#dress_wrapper dl.dress_three dt img{
	margin-top: 50px;
}
section#dress_wrapper dl.dress_three dd.dress_three_t1{
	width: 292px;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
}
section#dress_wrapper dl.dress_three dd.dress_three_t2{
	width: 292px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
section#dress_wrapper dl.dress_three dd.dress_three_t3{
	width: 292px;
	text-align: center;
	color: #ff6709;
	margin-top: 20px;
}
/* 第四张图设置：背景颜色、图片位置、浮动、文字颜色、外边框顶部距离*/
section#dress_wrapper dl.dress_four{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 30px;
	margin-left: 20px;
	background-color: #fff;
}
section#dress_wrapper dl.dress_four dt img{
	margin-top: 144px;
}
section#dress_wrapper dl.dress_four dd.dress_four_t1{
	width: 292px;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
}
section#dress_wrapper dl.dress_four dd.dress_four_t2{
	width: 292px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
section#dress_wrapper dl.dress_four dd.dress_four_t3{
	width: 292px;
	text-align: center;
	color: #ff6709;
	margin-top: 20px;
}
/* 第五张图设置：背景颜色、图片位置、浮动、文字颜色、外边框顶部距离*/
section#dress_wrapper dl.dress_five{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 30px;
	margin-left: 22px;
	background-color: #fff;
}
section#dress_wrapper dl.dress_five dt img{
	margin-top: 50px;
}
section#dress_wrapper dl.dress_five dd.dress_five_t1{
	width: 292px;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
}
section#dress_wrapper dl.dress_five dd.dress_five_t2{
	width: 292px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
section#dress_wrapper dl.dress_five dd.dress_five_t3{
	width: 292px;
	text-align: center;
	color: #ff6709;
	margin-top: 20px;
}
/* 第六张图片 浮动、宽高、外边距*/
section#dress_wrapper dl.dress_six dt img{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-left: -1px;
}
/* 第七张图设置：背景颜色、图片位置、浮动、文字颜色、外边框顶部距离*/
section#dress_wrapper dl.dress_seven{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-left: 22px;
	background-color: #fff;
}
section#dress_wrapper dl.dress_seven dt img{
	margin-top: 50px;
}
section#dress_wrapper dl.dress_seven dd.dress_seven_t1{
	width: 292px;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
}
section#dress_wrapper dl.dress_seven dd.dress_seven_t2{
	width: 292px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
section#dress_wrapper dl.dress_seven dd.dress_seven_t3{
	width: 292px;
	text-align: center;
	color: #ff6709;
	margin-top: 20px;
}
/* 第八张图设置：背景颜色、图片位置、浮动、文字颜色、外边框顶部距离*/
section#dress_wrapper dl.dress_eight{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-left: 22px;
	background-color: #fff;
}
section#dress_wrapper dl.dress_eight dt img{
	margin-top: 50px;
}
section#dress_wrapper dl.dress_eight dd.dress_eight_t1{
	width: 292px;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
}
section#dress_wrapper dl.dress_eight dd.dress_eight_t2{
	width: 292px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
section#dress_wrapper dl.dress_eight dd.dress_eight_t3{
	width: 292px;
	text-align: center;
	color: #ff6709;
	margin-top: 20px;
}
/* 第九张图设置：背景颜色、图片位置、浮动、文字颜色、外边框顶部距离*/
section#dress_wrapper dl.dress_nine{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-left: 22px;
	background-color: #fff;
}
section#dress_wrapper dl.dress_nine dt img{
	margin-top: 58px;
}
section#dress_wrapper dl.dress_nine dd.dress_nine_t1{
	width: 292px;
	text-align: center;
	color: #333;
	font-size: 18px;
	margin-top: 30px;
}
section#dress_wrapper dl.dress_nine dd.dress_nine_t2{
	width: 292px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
section#dress_wrapper dl.dress_nine dd.dress_nine_t3{
	width: 292px;
	text-align: center;
	color: #ff6709;
	margin-top: 20px;
}
/* 最后两张图片 */
section#dress_wrapper div.last{
	width: 292px;
	height: 376px;
	b order: 1px solid red;
	float: right;
	margin-top: 19px;
	margin-left: -10px;
}
section#dress_wrapper div.last dl dt.top img{
	width: 291px;
	height: 181px;
}
section#dress_wrapper div.last dl dt.bottom img{
	width: 291px;
	height: 181px;
	margin-top: 10px;
}
/* 给前九张图片 dl添加悬停效果：阴影  */
section#dress_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
	transition: all .6s ease;
}
/* 周边区域 */
section#around{
	width: 100%;
	height: 900px;
	background-color: #f5f5f5;
}
/* 周边 中控区 */
section#around_wrapper{
	width: 1543px;
	height: 900px;
	margin: 0 auto;
}
/* 左侧区域文字【周边】 */
section#around_wrapper span{
	b order: 1px solid red;
	font-size: 25px;
	color: #000;
	float: left;
}
/* 右侧区域文字：浮动、大小、颜色、居中 */
section#around_wrapper ul li{
	float: right;
	height: 25px;
}
section#around_wrapper ul li a{
	b order: 1px solid red;
	line-height: 25px;
	font-size: 25px;
	color: #000;
	margin-left: 30px;
}
/* 右侧文字添加悬停效果 */
section#around_wrapper ul li a:hover{
	color: #fe673f;
	text-decoration: underline;
}
/* 周边 第一张图片设置：浮动、宽高、位置 */
section#around_wrapper dl.around_one dt img{
	width: 295px;
	height: 375px;
	float: left;
	b order: 1px solid red;
	margin-top: 55px;
	margin-left: -50px;
}
/* 周边区 第二张图片设置：浮动、位置、背景颜色 */
section#around_wrapper dl.around_two{
	width: 295px;
	height: 375px;
	b order: 1px solid red;
	float: left;
	margin-top: 55px;
	margin-left: 17px;
	text-align: center;
	background-color: #fff;
}
section#around_wrapper dl.around_two dt img{
	margin-top: 50px;
}
/* 第二张图片文字设置：大小、颜色 */
section#around_wrapper dl.around_two dd.around_two_t1{
	width: 295px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 20px;
}
section#around_wrapper dl.around_two dd.around_two_t2{
	width: 295px;
	text-align: center;
	color: #ff6709;
	margin-top: 10px;
}
section#around_wrapper dl.around_two dd.around_two_t3{
	width: 295px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
/* 周边区 第三张图片设置：浮动、位置、背景颜色 */
section#around_wrapper dl.around_three{
	width: 295px;
	height: 375px;
	b order: 1px solid red;
	float: left;
	margin-top: 55px;
	margin-left: 17px;
	text-align: center;
	background-color: #fff;
}
section#around_wrapper dl.around_three dt img{
	margin-top: 50px;
}
/* 第三张图片文字设置：大小、颜色 */
section#around_wrapper dl.around_three dd.around_three_t1{
	width: 295px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 20px;
}
section#around_wrapper dl.around_three dd.around_three_t2{
	width: 295px;
	text-align: center;
	color: #ff6709;
	margin-top: 10px;
}
section#around_wrapper dl.around_three dd.around_three_t3{
	width: 295px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
/* 周边区 第四张图片设置：浮动、位置、背景颜色 */
section#around_wrapper dl.around_four{
	width: 295px;
	height: 375px;
	b order: 1px solid red;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
	background-color: #fff;
}
section#around_wrapper dl.around_four dt img{
	margin-top: 50px;
}
/* 第四张图片文字设置：大小、颜色 */
section#around_wrapper dl.around_four dd.around_four_t1{
	width: 295px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 20px;
}
section#around_wrapper dl.around_four dd.around_four_t2{
	width: 295px;
	text-align: center;
	color: #ff6709;
	margin-top: 10px;
}
section#around_wrapper dl.around_four dd.around_four_t3{
	width: 295px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
/* 周边区 第五张图片设置：浮动、位置、背景颜色 */
section#around_wrapper dl.around_five{
	width: 295px;
	height: 375px;
	b order: 1px solid red;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
	background-color: #fff;
}
section#around_wrapper dl.around_five dt img{
	margin-top: 50px;
}
/* 第五张图片文字设置：大小、颜色 */
section#around_wrapper dl.around_five dd.around_five_t1{
	width: 295px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 20px;
}
section#around_wrapper dl.around_five dd.around_five_t2{
	width: 295px;
	text-align: center;
	color: #ff6709;
	margin-top: 10px;
}
section#around_wrapper dl.around_five dd.around_five_t3{
	width: 295px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
/* 第六张图片设置 :宽高 位置 浮动*/
section#around_wrapper dl.around_six dt img{
	b order: 1px solid red;
	width: 295px;
	height: 375px;
	margin-top: 30px;
	float: left;
}
/* 周边区 第七张图片设置：浮动、位置、背景颜色 */
section#around_wrapper dl.around_seven{
	width: 295px;
	height: 375px;
	b order: 1px solid red;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
	background-color: #fff;
}
section#around_wrapper dl.around_seven dt img{
	margin-top: 50px;
}
/* 第七张图片文字设置：大小、颜色 */
section#around_wrapper dl.around_seven dd.around_seven_t1{
	width: 295px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 20px;
}
section#around_wrapper dl.around_seven dd.around_seven_t2{
	width: 295px;
	text-align: center;
	color: #ff6709;
	margin-top: 10px;
}
section#around_wrapper dl.around_seven dd.around_seven_t3{
	width: 295px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
/* 周边区 第八张图片设置：浮动、位置、背景颜色 */
section#around_wrapper dl.around_eight{
	width: 295px;
	height: 375px;
	b order: 1px solid red;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
	background-color: #fff;
}
section#around_wrapper dl.around_eight dt img{
	margin-top: 50px;
}
/* 第八张图片文字设置：大小、颜色 */
section#around_wrapper dl.around_eight dd.around_eight_t1{
	width: 295px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 20px;
}
section#around_wrapper dl.around_eight dd.around_eight_t2{
	width: 295px;
	text-align: center;
	color: #ff6709;
	margin-top: 10px;
}
section#around_wrapper dl.around_eight dd.around_eight_t3{
	width: 295px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
/* 周边区 第九张图片设置：浮动、位置、背景颜色 */
section#around_wrapper dl.around_nine{
	width: 295px;
	height: 375px;
	b order: 1px solid red;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
	background-color: #fff;
}
section#around_wrapper dl.around_nine dt img{
	margin-top: 50px;
}
/* 第九张图片文字设置：大小、颜色 */
section#around_wrapper dl.around_nine dd.around_nine_t1{
	width: 295px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 20px;
}
section#around_wrapper dl.around_nine dd.around_nine_t2{
	width: 295px;
	text-align: center;
	color: #ff6709;
	margin-top: 10px;
}
section#around_wrapper dl.around_nine dd.around_nine_t3{
	width: 295px;
	text-align: center;
	color: #b0b0b6;
	margin-top: 20px;
}
/* 最后两张照片 */
section#around_wrapper div.around_last{
	width: 295px;
	height: 375px;
	border: 1px solid #f5f5f5;
	background-color: #f5f5f5;
	margin-top: -376px;
	margin-left: 17px;
	float: right;
}
section#around_wrapper div.around_last dl dt.around_ten img{
	width: 295px;
	height: 180px;
}
section#around_wrapper div.around_last dl dt.around_eleven img{
	width: 295px;
	height: 180px;
	margin-top: 10px;
}
/* 给图片添加悬停效果：下阴影 */
section#around_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
	transition: all .6s ease;
}
/* 配件区域 */
section#part{
	width: 100%;
	height: 900px;
	background-color: #f5f5f5;
}
/* 配件 中控区：宽高 */
section#part_wrapper{
	width: 1543px;
	height: 900px;
	margin: 0 auto;
}
/* 配件 左侧文字设置 */
section#part_wrapper span{
	float: left;
	color: #000;
	font-size: 25px;
}
/* 配件 右侧文字设置 */
section#part_wrapper ul li{
	float: right;
	height: 25px;
	text-align: center;
}
section#part_wrapper ul li a{
	line-height: 25px;
	margin-left: 30px;
	color: #000;
	font-size: 25px;
}
/* 给右侧文字设置悬停效果：字体颜色、下划线 */
section#part_wrapper ul li a:hover{
	color: #fd7700;
	text-decoration: underline;
}
/* 配件 第一张图片设置：宽高、位置、浮动 */
section#part_wrapper dl.part_one dt img{
	width: 295px;
	height: 376px;
	b order: 1px solid red;
	margin-top: 55px;
	margin-left: -50px;
	float: left;
}
/* 配件 第二张图片  */
section#part_wrapper dl.part_two{
	width: 295px;
	height: 376px;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: 17px;
	text-align: center;
}
section#part_wrapper dl.part_two dt img{
	margin-top: 50px;
}
/* 第二张图片文字设置：居中、大小、颜色、间距*/
section#part_wrapper dl.part_two dd.part_two_t1{
	width: 295px;
	text-align: center;
	font-size: 20px;
	color: #000;
	margin-top: 20px;
}
section#part_wrapper dl.part_two dd.part_two_t2{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #ff6709;
	margin-top: 10px;
}
section#part_wrapper dl.part_two dd.part_two_t3{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #b0b0b6;
	margin-top: 15px;
}
/* 配件 第三张图片  */
section#part_wrapper dl.part_three{
	width: 295px;
	height: 376px;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: 17px;
	text-align: center;
}
section#part_wrapper dl.part_three dt img{
	margin-top: 50px;
}
/* 第三张图片文字设置：居中、大小、颜色、间距*/
section#part_wrapper dl.part_three dd.part_three_t1{
	width: 295px;
	text-align: center;
	font-size: 20px;
	color: #000;
	margin-top: 20px;
}
section#part_wrapper dl.part_three dd.part_three_t2{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #ff6709;
	margin-top: 10px;
}
section#part_wrapper dl.part_three dd.part_three_t3{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #b0b0b6;
	margin-top: 15px;
}
/* 配件 第四张图片  */
section#part_wrapper dl.part_four{
	width: 295px;
	height: 376px;
	background-color: #fff;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
}
section#part_wrapper dl.part_four dt img{
	margin-top: 50px;
}
/* 第四张图片文字设置：居中、大小、颜色、间距*/
section#part_wrapper dl.part_four dd.part_four_t1{
	width: 295px;
	text-align: center;
	font-size: 20px;
	color: #000;
	margin-top: 20px;
}
section#part_wrapper dl.part_four dd.part_four_t2{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #ff6709;
	margin-top: 10px;
}
section#part_wrapper dl.part_four dd.part_four_t3{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #b0b0b6;
	margin-top: 15px;
}
/* 配件 第五张图片  */
section#part_wrapper dl.part_five{
	width: 295px;
	height: 376px;
	background-color: #fff;
	float: right;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
}
section#part_wrapper dl.part_five dt img{
	margin-top: 50px;
}
/* 第五张图片文字设置：居中、大小、颜色、间距*/
section#part_wrapper dl.part_five dd.part_five_t1{
	width: 295px;
	text-align: center;
	font-size: 20px;
	color: #000;
	margin-top: 20px;
}
section#part_wrapper dl.part_five dd.part_five_t2{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #ff6709;
	margin-top: 10px;
}
section#part_wrapper dl.part_five dd.part_five_t3{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #b0b0b6;
	margin-top: 15px;
}
/* 配件 第六张图片 */
section#part_wrapper dl.part_six dt img{
	width: 295px;
	height: 376px;
	float: left;
	margin-top: 30px;
}
/* 配件 第七张图片  */
section#part_wrapper dl.part_seven{
	width: 295px;
	height: 376px;
	background-color: #fff;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
}
section#part_wrapper dl.part_seven dt img{
	margin-top: 50px;
}
/* 第七张图片文字设置：居中、大小、颜色、间距*/
section#part_wrapper dl.part_seven dd.part_seven_t1{
	width: 295px;
	text-align: center;
	font-size: 20px;
	color: #000;
	margin-top: 20px;
}
section#part_wrapper dl.part_seven dd.part_seven_t2{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #ff6709;
	margin-top: 10px;
}
section#part_wrapper dl.part_seven dd.part_seven_t3{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #b0b0b6;
	margin-top: 15px;
}
/* 配件 第八张图片  */
section#part_wrapper dl.part_eight{
	width: 295px;
	height: 376px;
	background-color: #fff;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
}
section#part_wrapper dl.part_eight dt img{
	margin-top: 50px;
}
/* 第八张图片文字设置：居中、大小、颜色、间距*/
section#part_wrapper dl.part_eight dd.part_eight_t1{
	width: 295px;
	text-align: center;
	font-size: 20px;
	color: #000;
	margin-top: 20px;
}
section#part_wrapper dl.part_eight dd.part_eight_t2{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #ff6709;
	margin-top: 10px;
}
section#part_wrapper dl.part_eight dd.part_eight_t3{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #b0b0b6;
	margin-top: 15px;
}
/* 配件 第九张图片  */
section#part_wrapper dl.part_nine{
	width: 295px;
	height: 376px;
	background-color: #fff;
	float: left;
	margin-top: 30px;
	margin-left: 17px;
	text-align: center;
}
section#part_wrapper dl.part_nine dt img{
	margin-top: 50px;
}
/* 第九张图片文字设置：居中、大小、颜色、间距*/
section#part_wrapper dl.part_nine dd.part_nine_t1{
	width: 295px;
	text-align: center;
	font-size: 20px;
	color: #000;
	margin-top: 20px;
}
section#part_wrapper dl.part_nine dd.part_nine_t2{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #ff6709;
	margin-top: 10px;
}
section#part_wrapper dl.part_nine dd.part_nine_t3{
	width: 295px;
	text-align: center;
	font-size: 15px;
	color: #b0b0b6;
	margin-top: 15px;
}
/* 配件 最后两张图片 */
section#part_wrapper div.part_last{
	width: 295px;
	height: 376px;
	border: 1px solid #f5f5f5;
	margin-top: -378px;
	margin-left: 17px;
	float: right;
	background-color: #f5f5f5;
}
section#part_wrapper div.part_last dt.part_ten img{
	width: 295px;
	height: 180px;
}
section#part_wrapper div.part_last dt.part_eleven img{
	width: 295px;
	height: 180px;
	margin-top: 11px;
}
/* 给图片添加悬停效果 */
section#part_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
	transition: all .6s ease;
}
/* 热品产品中控区：宽高、居中 、背景颜色*/
section#hot{
	width: 100%;
	height: 640px;
	background-color: #f5f5f5;
}
section#hot_product{
	width: 1543px;
	height: 640px;
	margin: 0 auto;
}
/* 热评产品文字:大小、颜色 */
section#hot_product span{
	color: #000;
	font-size: 25px;
	float: left;
}
/* 热评产品第一张图片 */
section#hot_product dl.hot_one{
	width: 375px;
	height: 525px;
	float: left;
	background-color: #fff;
	margin-top: 60px;
	margin-left: -100px;
}
section#hot_product dl.hot_one dt img{
	width: 375px;
}
/* 热评产品第一张图片文字：大小、颜色、外边距、居中 */
section#hot_product dl.hot_one dd.hot_one_t1{
	bo rder: 1px solid red;
	width: 313px;
	color: #000;
	font-size: 18px;
	margin-top: 20px;
	margin-left: 30px;
}
section#hot_product dl.hot_one dd.hot_one_t2{
	width: 175px;
	color: #b0b0b0;
	margin-top: 20px;
	margin-left: 30px;
}
section#hot_product dl.hot_one dd.hot_one_t3{
	width: 121px;
	border-right: 1px solid #ccc;
	color: #000;
	font-size: 18px;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
}
section#hot_product dl.hot_one dd.hot_one_t4{
	width: 75px;
	color: #ff9500;
	font-size: 18px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
/* 热评产品第二张图片 */
section#hot_product dl.hot_two{
	width: 375px;
	height: 525px;
	float: left;
	background-color: #fff;
	margin-top: 60px;
	margin-left: 15px;
}
section#hot_product dl.hot_two dt img{
	width: 375px;
}
/* 热评产品第二张图片文字：大小、颜色、外边距、居中 */
section#hot_product dl.hot_two dd.hot_two_t1{
	bo rder: 1px solid red;
	width: 313px;
	color: #000;
	font-size: 18px;
	margin-top: 20px;
	margin-left: 30px;
}
section#hot_product dl.hot_two dd.hot_two_t2{
	width: 175px;
	color: #b0b0b0;
	margin-top: 40px;
	margin-left: 30px;
}
section#hot_product dl.hot_two dd.hot_two_t3{
	width: 182px;
	border-right: 1px solid #ccc;
	color: #000;
	font-size: 18px;
	margin-left: 30px;
	margin-top: 25px;
	float: left;
}
section#hot_product dl.hot_two dd.hot_two_t4{
	width: 75px;
	color: #ff9500;
	font-size: 18px;
	float: left;
	margin-top: 25px;
	margin-left: 30px;
}
/* 热评产品第三张图片 */
section#hot_product dl.hot_three{
	width: 375px;
	height: 525px;
	float: left;
	background-color: #fff;
	margin-top: 60px;
	margin-left: 15px;
}
section#hot_product dl.hot_three dt img{
	width: 375px;
}
/* 热评产品第三张图片文字：大小、颜色、外边距、居中 */
section#hot_product dl.hot_three dd.hot_three_t1{
	bo rder: 1px solid red;
	width: 313px;
	color: #000;
	font-size: 18px;
	margin-top: 20px;
	margin-left: 30px;
}
section#hot_product dl.hot_three dd.hot_three_t2{
	width: 175px;
	color: #b0b0b0;
	margin-top: 40px;
	margin-left: 30px;
}
section#hot_product dl.hot_three dd.hot_three_t3{
	width: 115px;
	border-right: 1px solid #ccc;
	color: #000;
	font-size: 18px;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
}
section#hot_product dl.hot_three dd.hot_three_t4{
	width: 75px;
	color: #ff9500;
	font-size: 18px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
/* 热评产品第四张图片 */
section#hot_product dl.hot_four{
	width: 375px;
	height: 525px;
	float: left;
	background-color: #fff;
	margin-top: 60px;
	margin-left: 13px;
}
section#hot_product dl.hot_four dt img{
	width: 375px;
}
/* 热评产品第四张图片文字：大小、颜色、外边距、居中 */
section#hot_product dl.hot_four dd.hot_four_t1{
	bo rder: 1px solid red;
	width: 324px;
	color: #000;
	font-size: 18px;
	margin-top: 20px;
	margin-left: 30px;
}
section#hot_product dl.hot_four dd.hot_four_t2{
	width: 175px;
	color: #b0b0b0;
	margin-top: 40px;
	margin-left: 30px;
}
section#hot_product dl.hot_four dd.hot_four_t3{
	width: 195px;
	border-right: 1px solid #ccc;
	color: #000;
	font-size: 18px;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
}
section#hot_product dl.hot_four dd.hot_four_t4{
	width: 75px;
	color: #ff9500;
	font-size: 18px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
/* 添加悬停效果 */
section#hot_product dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
	transition: all .6s ease;
}
/* 内容区域 */
section#content{
	width: 100%;
	height: 645px;
	background-color: #f5f5f5;
}
/* 内容：中控区：宽高、居中、背景颜色、 */
section#content_wrapper{
	width: 1543px;
	height: 645px;
	text-align: center;
}
/* 内容文字设置：颜色、大小、浮动 */
section#content_wrapper span{
	color: #000;
	font-size: 25px;
	float: left;
}
/* 内容第一张图片设置：宽高、浮动、背景颜色 */
section#content_wrapper dl.content_one{
	width: 374px;
	height: 535px;
	border-top: 1px solid #ffac13;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: -50px;
}
/* 内容第一张图片文字设置：居中、大小、颜色、外边距 */
section#content_wrapper dl.content_one dd.content_one_t1{
	width: 374px;
	text-align: center;
	color: #ffac13;
	margin-top: 50px;
}
section#content_wrapper dl.content_one dd.content_one_t2{
	width: 374px;
	text-align: center;
	color: #333;
	font-size: 25px;
	margin-top: 20px;
}
section#content_wrapper dl.content_one dd.content_one_t3{
	width: 255px;
	color: #b0b0b0;
	margin-top: 10px;
	margin-left: 55px;
}
section#content_wrapper dl.content_one dd.content_one_t4{
	width: 374px;
	text-align: center;
	color: #000;
	margin-top: 20px;
}
section#content_wrapper dl.content_one dt img{
	width: 128px;
	height: 166px;
	margin-top: 40px;
}
/* 内容第二张图片设置：宽高、浮动、背景颜色 */
section#content_wrapper dl.content_two{
	width: 374px;
	height: 535px;
	border-top: 1px solid #93c44e;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: 17px;
}
/* 内容第二张图片文字设置：居中、大小、颜色、外边距 */
section#content_wrapper dl.content_two dd.content_two_t1{
	width: 374px;
	text-align: center;
	color: #93c44e;
	margin-top: 50px;
}
section#content_wrapper dl.content_two dd.content_two_t2{
	width: 374px;
	text-align: center;
	color: #333;
	font-size: 25px;
	margin-top: 20px;
}
section#content_wrapper dl.content_two dd.content_two_t3{
	width: 255px;
	color: #b0b0b0;
	margin-top: 10px;
	margin-left: 55px;
}
section#content_wrapper dl.content_two dd.content_two_t4{
	width: 374px;
	text-align: center;
	color: #000;
	margin-top: 20px;
}
section#content_wrapper dl.content_two dt img{
	width: 128px;
	height: 166px;
	margin-top: 40px;
}
/* 内容第三张图片设置：宽高、浮动、背景颜色 */
section#content_wrapper dl.content_three{
	width: 374px;
	height: 535px;
	border-top: 1px solid #e5395c;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: 17px;
}
/* 内容第三张图片文字设置：居中、大小、颜色、外边距 */
section#content_wrapper dl.content_three dd.content_three_t1{
	width: 374px;
	text-align: center;
	color: #e5395c;
	margin-top: 50px;
}
section#content_wrapper dl.content_three dd.content_three_t2{
	width: 374px;
	text-align: center;
	color: #333;
	font-size: 25px;
	margin-top: 20px;
}
section#content_wrapper dl.content_three dd.content_three_t3{
	width: 255px;
	color: #b0b0b0;
	margin-top: 10px;
	margin-left: 55px;
}
section#content_wrapper dl.content_three dd.content_three_t4{
	width: 374px;
	text-align: center;
	color: #000;
	margin-top: 25px;
}
section#content_wrapper dl.content_three dt img{
	width: 128px;
	height: 160px;
	margin-top: 50px;
}
/* 内容第四张图片设置：宽高、浮动、背景颜色 */
section#content_wrapper dl.content_four{
	width: 374px;
	height: 535px;
	border-top: 1px solid #4cc1fa;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: 13px;
}
/* 内容第四张图片文字设置：居中、大小、颜色、外边距 */
section#content_wrapper dl.content_four dd.content_four_t1{
	width: 374px;
	text-align: center;
	color: #4ccefa;
	margin-top: 50px;
}
section#content_wrapper dl.content_four dd.content_four_t2{
	width: 374px;
	text-align: center;
	color: #333;
	font-size: 25px;
	margin-top: 20px;
}
section#content_wrapper dl.content_four dd.content_four_t3{
	width: 255px;
	color: #b0b0b0;
	margin-top: 10px;
	margin-left: 55px;
}
section#content_wrapper dl.content_four dd.content_four_t4{
	width: 374px;
	text-align: center;
	color: #000;
	margin-top: 25px;
}
section#content_wrapper dl.content_four dt img{
	width: 128px;
	height: 160px;
	margin-top: 40px;
}
/* 添加悬停效果 */
section#content_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
	transition: all .6s ease;
}
/* 视频区域 */
section#video{
	width: 100%;
	height: 505px;
	background-color: #f5f5f5;
}
/* 视频中控区：宽高、居中、背景颜色 */
section#video_wrapper{
	width: 1543px;
	height: 505px;
	margin: 0 auto;
}
/* 视频左侧文字 */
section#video_wrapper span{
	float: left;
	color: #000;
	font-size: 25px;
}
/* 视频区右侧区域 */
section#video_wrapper ul li.text{
	float: right;
	color: #000;
	font-size: 25px;
	cursor: pointer;
}
section#video_wrapper ul li.tu{
	float: right;
	width: 30px;
	color: #000;
	font-size: 25px;
	margin-left: 10px;
}
/* 视频第一张图片：宽高、浮动、背景颜色、外边距*/
section#video_wrapper dl.video_one{
	width: 371px;
	height: 375px;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: -50px;
	position: relative;
}
section#video_wrapper dl.video_one dt img{
	width: 371px;
}
section#video_wrapper dl.video_one ul li.video_play{
	width: 60px;
	height: 44px;
	b order: 1px solid red;
	position: absolute;
	margin-top: 180px;
	margin-left: 35px;
	background: url(../img/video_play.png) no-repeat;
}
/* 视频第一张图片文字 */
section#video_wrapper dl.video_one dd.video_one_t1{
	width: 371px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 40px;
}
section#video_wrapper dl.video_one dd.video_one_t2{
	width: 371px;
	text-align: center;
	color: #b0b0b0;
	margin-top: 20px;
}
/* 视频第二张图片：宽高、浮动、背景颜色、外边距*/
section#video_wrapper dl.video_two{
	width: 371px;
	height: 375px;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: 19px;
	position: relative;
}
section#video_wrapper dl.video_two dt img{
	width: 371px;
}
section#video_wrapper dl.video_two ul li.video_play{
	width: 60px;
	height: 44px;
	b order: 1px solid red;
	position: absolute;
	margin-top: 180px;
	margin-left: 35px;
	background: url(../img/video_play.png) no-repeat;
}
/* 视频第二张图片文字 */
section#video_wrapper dl.video_two dd.video_two_t1{
	width: 371px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 40px;
}
section#video_wrapper dl.video_two dd.video_two_t2{
	width: 371px;
	text-align: center;
	color: #b0b0b0;
	margin-top: 20px;
}
/* 视频第三张图片：宽高、浮动、背景颜色、外边距*/
section#video_wrapper dl.video_three{
	width: 371px;
	height: 375px;
	background-color: #fff;
	float: left;
	margin-top: 55px;
	margin-left: 19px;
	position: relative;
}
section#video_wrapper dl.video_three dt img{
	width: 371px;
}
section#video_wrapper dl.video_three ul li.video_play{
	width: 60px;
	height: 44px;
	b order: 1px solid red;
	position: absolute;
	margin-top: 180px;
	margin-left: 35px;
	background: url(../img/video_play.png) no-repeat;
}
/* 视频第三张图片文字 */
section#video_wrapper dl.video_three dd.video_three_t1{
	width: 371px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 40px;
}
section#video_wrapper dl.video_three dd.video_three_t2{
	width: 371px;
	text-align: center;
	color: #b0b0b0;
	margin-top: 20px;
}
/* 视频第四张图片：宽高、浮动、背景颜色、外边距*/
section#video_wrapper dl.video_four{
	width: 371px;
	height: 375px;
	background-color: #fff;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	position: relative;
}
section#video_wrapper dl.video_four dt img{
	width: 371px;
}
section#video_wrapper dl.video_four ul li.video_play{
	width: 60px;
	height: 44px;
	b order: 1px solid red;
	position: absolute;
	margin-top: 180px;
	margin-left: 35px;
	background: url(../img/video_play.png) no-repeat;
}
/* 视频第四张图片文字 */
section#video_wrapper dl.video_four dd.video_four_t1{
	width: 371px;
	text-align: center;
	color: #000;
	font-size: 20px;
	margin-top: 40px;
}
section#video_wrapper dl.video_four dd.video_four_t2{
	width: 371px;
	text-align: center;
	color: #b0b0b0;
	margin-top: 20px;
}
/* 添加悬停效果 */
section#video_wrapper dl:hover{
	filter: drop-shadow(0 0 8px #a3a3a3);
	transform: translateY(-4px);
	transition: all .6s ease;
}
/* 播放图标改变 */
section#video_wrapper dl:hover ul li.video_play{
	background: url(../img/video_play01.png) no-repeat;
}